<html>
<head>
<style>
<!--
.checkbox{
	border: 1px solid grey;
	height: 160px;
	width: 160px;
	background-color: #FF0000;
	color: #000000;
	font-size: 10px;
	}
.checkboxinput{
	display:none;
	}
-->
</style>
<script>
<!--
function checkIt(){	
	c = document.getElementById('c');
	if (document.getElementById('cb').style.backgroundImage==''){
		document.getElementById('cb').innerHTML='';
		document.getElementById('cb').style.color='#00FF00';
		document.getElementById('cb').style.backgroundColor='#00FF00';
		document.getElementById('cb').style.backgroundImage='url(http://www.planetaidea.com.ar/img/check16.png)';
		c.checked = (c.checked) ? false : true;
		}
	else{
		document.getElementById('cb').innerHTML='';
		document.getElementById('cb').style.backgroundColor='#FF0000';
		document.getElementById('cb').style.backgroundImage='';		
		c.checked = (c.checked) ? false : true;
		}
	if(c.checked == true){alert('1');}else{alert('0');}
}
//-->
</script>
</head>
<body>
<form name="form" method="post" action="check.php">
<div class="checkbox" id="cb" name="cb" onclick="checkIt();"></div>
<input id="c" type="checkbox"  name="apk" value="aaa" style="display:none;"/>
<input type="checkbox"  name="apk" value="sss" style="display:none;"/>
<input type="checkbox"  name="apk" value="ddd" style="display:none;"/>
<input type="submit"  name="submit" value="submit"/>
</form>
<form name="myform" enctype="multipart/form-data" action="check.php" method="post">   
    <label for="read">阅读<input id="read"type="checkbox" name="hobby[]" value="阅读" class="checkboxinput"/></label>
	<label for="basketball">篮球<input id="basketball" type="checkbox" name="hobby[]" value="篮球" class="checkboxinput"/></label>
    <label for="travel">旅游<input id="travel" type="checkbox" name="hobby[]" value="旅游" class="checkboxinput"/></label>
    <input name="myfile" type="file">
    <input type="submit" value="提交" />
</form> 
</body>
</html>